<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/detail.css" />
    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="wrap">
        <div class="main">

        </div>
        <script type="text/html" id="detailTemplate">
            <div class="main-pic">
                <i><img src="{{imgs[0]}}" class="zoom-image" data-zoom-image={{imgs[0]}}></i>
            </div>
            <div class="main-right">
                <p><img src="{{src}}" alt=""></p>
                <h3>{{title}}</h3>
                <h4><i>{{desc}}</i><span>￥{{price}}.00</span></h4>
                <div class="main-wrap">
                    <div class="slt">
                        <dl>
                            <dt>规格</dt>
                            <dd><a href="#">请选择</a></dd>
                        </dl>
                    </div>
                    <div class="car"><a href="#">加入购物车</a></div>
                    <div class="num">
                        <p>数量</p>
                        <span>-</span>
                        <span>1</span>
                        <span>+</span>
                    </div>
                    <div class="buy"><a href="#">立即购买</a></div>
                </div>
            </div>
            {{each conList item}}
            <div class="pic">
                <p><img src="{{item}}"></p>


            </div>
            {{/each}}
        </script>

        <div class="sp">

        </div>
        <div class="p">
            <p>更多精彩</p>
        </div>
        <div class="dl">
            <dl>
                <dd>
                    <a href="#"><img src="/images/tlms.jpg" /></a>
                </dd>
                <dt>
                    <a href="#">
                        <h1>提拉米苏</h1>
                    </a>
                    <a href="#">
                        <p>TIRAMISU</p>
                    </a>
                </dt>
            </dl>
        </div>
    </div>
    <div class="cart">
        <span><a href="/html/shopping.html"><img src="/images/car.png"><b id="cart_Count">0</b>件</a></span>
    </div>
    <footer></footer>
    <script src="/libs/requirejs/require.min.js" data-main="/js/detail.js"></script>
</body>

</html>